{include file="index/header" /}
<div class="container xs-top-15" style="max-width:960px">
    <div class="columns">
        <!--区域1-->
        <div class="column">
            <!--模块1-->
            <div class="card">
                <div class="xs-card-content">
                    <aside class="menu">
                        <p class="menu-label">
                            会员中心
                        </p>
                        <ul class="menu-list">
                            <li><a class="is-active" href="{:url('index/user/main')}">会员首页</a></li>
                        </ul>
                        <p class="menu-label">
                            个人信息
                        </p>
                        <ul class="menu-list">
                            <li><a href="{:url('index/user/pay')}">充值题币</a></li>
                            <li><a href="{:url('index/user/open_vip')}">开通会员</a></li>
                            <li><a href="{:url('index/user/password')}">修改密码</a></li>
                        </ul>
                        <!-- <p class="menu-label">
                            试题管理
                        </p>
                        <ul class="menu-list">
                            <li><a>我的提问</a></li>
                            <li><a>我的回答</a></li>
                        </ul> -->
                    </aside>
                </div>
            </div>
            <hr class="xs-hr">

        </div>
        <!--区域2-->
        <div class="column is-four-fifths">
            <div class="card">
                <header class="card-header">
                    <p class="card-header-title">
                        会员首页
                    </p>
                </header>
                <div class="xs-card-content">
                    <div class="content">
                        <div class="media">
                            <div class="media-left">
                                <figure class="image is-128x128" style="margin-left:0px;margin-right: 0px;">
                                    <img src="/static/img/men_tiny.gif" alt="Placeholder image">
                                </figure>
                            </div>
                            <div class="media-content">
                                <p class="title is-4">{$user.username}</p>
                                <p class="subtitle is-6">欢迎您的使用！</p>
                                <p class="subtitle is-6">剩余题币：<span style="color: red;">{$user.balance}</span> 个</p>
                                <p class="subtitle is-6">用户组： {eq name="$user.grade" value="0"}<span
                                        style="color: red;">普通用户</span>{/eq}{eq name="$user.grade" value="1"}<span
                                        style="color: red;">VIP会员</span>{/eq}{eq name="$user.grade" value="2"}<span
                                        style="color: #722ed1;">推广员</span>{/eq}
                                </p>
                            </div>
                        </div>
                        <hr class="xs-hr">
                        <article class="message is-link">
                            <div class="message-body">
                                <p>[充值题币] - 1 元 = {$ratio} 题币</p>
                                <p>[开通会员] - 只需 <span style="color: red;">{$cost.vip_price}</span> 题币/月 全站所有试题 <span style="color: red;">免费</span>
                                    查看! 无上限！</p>
                                [免费用户] - 注册赠送 <span style="color: red;">{$cost.reg_to}</span> 题币！ 也可充值题币以便于搜索答案！
                            </div>
                        </article>
                        {eq name="$user.grade" value="2"}
                        <hr class="xs-hr">
                        <article class="message is-link">
                            <div class="message-header">
                              <p>恭喜您！您拥有会员邀请资格！请将下方二维码分享给朋友即可成功邀请！</p>
                            </div>
                            <div class="message-body">
                                <p>您已有效邀请记录:<span style="color: red;"> {$invite_num} </span>条 (只有充值用户计算为有效推广)</p>
                                <p>邀请明细查看:   <a href="{:url('index/user/invite_list')}">点我查看</a> </p>
                                <p>您的邀请二维码 👇 保存分享给朋友即可<div id="qrcode" style="width:100px; height:100px; margin-top:15px;"></div></p>
                            </div>
                          </article>
                        {/eq}
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script>
    var qrcode = new QRCode(document.getElementById("qrcode"), {
        width: 100,
        height: 100
    });
    function makeCode() {
        var url = "{:url('index/index/reg',['invite'=>$user.Id],'html',true)}";
        qrcode.makeCode(url);
    }
    makeCode();
</script>
{include file="index/footer" /}